<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
	
    <h:body>	
		<ui:composition template="/admin/template.xhtml">		    			
		<p:panel header="Editace kontaktů">	
			<h:panelGrid columns="2">
				<p:panel header="Rozhodčí" style="min-height: 1129px;">   
				   <h:form id="kontaktyForm">	
					    	<p:dataTable id="seaspmTable" var="contact" value="#{contactBean.contactListRozhodci}" rowKey="#{contact.id}" paginator="true" rows="15" paginatorAlwaysVisible="false" paginatorPosition="bottom" selection="#{contactBean.selectedContact}" selectionMode="single" emptyMessage="Žádné kontakty nenalazeny"  tableStyle="min-width:300px;">
						        <f:facet name="header">
									<h:outputText value="Seznam kontaktů" />
						        </f:facet>
						        <p:column headerText="Jméno">  
						            <h:outputText value="#{contact.firstname}" />  
						        </p:column>
						        <p:column headerText="Příjmení">  
						            <h:outputText value="#{contact.surname}" />  
						        </p:column>					        
						        <p:column headerText="Telefon">  
						            <h:outputText value="#{contact.phone}" />  
						        </p:column>
						        <p:column headerText="E-mail">  
						            <h:outputText value="#{contact.email}" />  
						        </p:column>
						        <p:column headerText="RC">  
						            <h:outputText value="#{contact.rc}" />  
						        </p:column>
						        <p:column headerText="Ulice">  
						            <h:outputText value="#{contact.street}" />  
						        </p:column>
						        <p:column headerText="cp">  
						            <h:outputText value="#{contact.cp}" />  
						        </p:column>
						        <p:column headerText="Město">  
						            <h:outputText value="#{contact.city}" />  
						        </p:column>
						        <p:column headerText="psc">  
						            <h:outputText value="#{contact.psc}" />  
						        </p:column>
						        <f:facet name="footer">  
					            	<p:commandButton  id="editContactButton" icon="ui-icon-pencil" value="upravit kontakt" update=":contactEditDialog" oncomplete="contactEditDialog.show()"/>
					                <p:commandButton  id="newContactButton" icon="ui-icon-document" value="nový kontakt"  update=":kontaktyForm" oncomplete="contactNewDialog.show()"/>     
									<p:commandButton value="Odstranit"  actionListener="#{contactBean.deleteContact}" update=":kontaktyForm,:growl" oncomplete="contactEditDialog.hide()"/>					       		
					       		</f:facet>   
					  	    </p:dataTable>
					</h:form>
					
					<p:dialog id="contactEditDialog" header="Editovat kontakt" widgetVar="contactEditDialog" resizable="false"  
					              width="300" showEffect="clip" hideEffect="fold" position="10,10">  
						      	 <h:form>   
						      	    <h:panelGrid columns="2" cellpadding="4">
						      	       <h:outputText value="Jméno:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.firstname}" style="width:150px" required="true"/>  
							           <h:outputText value="Příjmení:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.surname}" style="width:150px" required="true"/>    
							           <h:outputText value="Telefon:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.phone}" style="width:150px"/>
							           <h:outputText value="E-mail:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.email}" style="width:150px"/>
							           <h:outputText value="Ulice:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.street}" style="width:150px"/>
							           <h:outputText value="cp:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.cp}" style="width:150px"/> 
							           <h:outputText value="Město:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.city}" style="width:150px"/>	
							           <h:outputText value="psč:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.psc}" style="width:150px"/> 
							           <h:outputText value="Registrační číslo:" />    						      
							           <h:inputText value="#{contactBean.selectedContact.rc}" style="width:150px"/>
						        	</h:panelGrid> 
						        	<p:commandButton value="Ulož změny"  actionListener="#{contactBean.updateContact}" update=":kontaktyForm,:growl" oncomplete="contactEditDialog.hide()"/>  
						        </h:form>	
					 </p:dialog>
					
					<p:dialog id="contactNewDialog" header="Nový kontakt" widgetVar="contactNewDialog" resizable="false"  
					              width="300" showEffect="clip" hideEffect="fold" position="10,10">  
						      	 <h:form>   
						      	    <h:panelGrid columns="2" cellpadding="4">
						      	       <h:outputText value="Jméno:" />    						      
							           <h:inputText value="#{contactBean.newContact.firstname}" style="width:150px" required="true"/>  
							           <h:outputText value="Příjmení:" />    						      
							           <h:inputText value="#{contactBean.newContact.surname}" style="width:150px" required="true"/>    
							           <h:outputText value="Telefon:" />    						      
							           <h:inputText value="#{contactBean.newContact.phone}" style="width:150px"/>
							           <h:outputText value="E-mail:" />    						      
							           <h:inputText value="#{contactBean.newContact.email}" style="width:150px"/>
							           <h:outputText value="Ulice:" />    						      
							           <h:inputText value="#{contactBean.newContact.street}" style="width:150px"/>
							           <h:outputText value="cp:" />    						      
							           <h:inputText value="#{contactBean.newContact.cp}" style="width:150px"/> 
							           <h:outputText value="Město:" />    						      
							           <h:inputText value="#{contactBean.newContact.city}" style="width:150px"/>	
							           <h:outputText value="psč:" />    						      
							           <h:inputText value="#{contactBean.newContact.psc}" style="width:150px"/> 
							           <h:outputText value="Registrační číslo:" />    						      
							           <h:inputText value="#{contactBean.newContact.rc}" style="width:150px"/> 	 
						        	</h:panelGrid> 
						        	<p:commandButton value="Vytvoř kontakt"  actionListener="#{contactBean.createContactRozhodci}" update=":kontaktyForm,:contactNewDialog,:growl" oncomplete="contactNewDialog.hide()" />
						        </h:form>	
					</p:dialog>
					
				</p:panel>
			</h:panelGrid>
		</p:panel>			
		</ui:composition>	
	</h:body>
</html>